/**
 * Baseline CSS stylesheet for Webshop
 *
 * Updated on 3.3.2011.
 *
 */



/*** GENERAL ***/
body 
{
	background:         #f0ffff;
	color:              #444;
	font:               normal .8em/1.5em Arial, Helvetica, sans-serif;
	margin:             10px auto;
}

a 
{
	color:              #222;
}

img
{
    border:             0;
    vertical-align:     middle;
}

#wraper
{ 
	text-align:         left; 
	width:              900px; 
	margin:             auto; 
}

#content
{
	float:              left; 
	margin:             10px;
	width:              680px;
	text-align:         justify;
}


#footer
{
    clear: 	            both;
    color:              #000;
	margin-top:         10px;
	padding:            10px;
    text-align:         center;
}

#albums
{
	margin:             0 auto; 
	width:              690px;	
}

#albums h2
{
	margin-top:         2em;
}

#album
{
	background:         #fee;
	border:             1px solid #fde;

    display:            inline;
    float:              left;
	height:             160px;
    margin:             10px;
    padding:            10px;
    text-align:         center;
	width:              130px;
}

h1.album
{
	color:              #666;
	font-family:        normal Helvetica, sans-serif;
	font-size:          16px;
	margin-top:         -22px;
	text-shadow:        Silver 2px 2px 2px;
	text-transform:     capitalize;
}

h1.album  a
{
	color:              #666;
	text-decoration:    none;
	text-transform:     capitalize;
}

div.caption
{
	color:              #666;
    margin-top:         0px;
	font-family:        normal Helvetica, sans-serif;
	font-size:          16px;
    font-weight:        bold;
	text-transform:     capitalize;
	text-shadow:        Silver 2px 2px 2px;
}

textarea
{
    border:             1px solid #888;
    padding:            2px;
}

.error
{
    color:              red;
    display:            block;
    font-weight:        bold;
    margin:             1em 0;
}

.button
{
    cursor:             pointer;

	background:     #33729a;
	filter:  	progid:DXImageTransform.Microsoft.gradient(startColorstr='#33729a', endColorstr='#6898b7'); /* MSIE */
	background: -webkit-gradient(linear, left top, left bottom, from(#33729a), to(#6898b7)); /* webkit */
	background: -moz-linear-gradient(top,  #33729a,  #6898b7); /* firefox 3.6+ */

	border:             1px ridge gray;
    -webkit-border-radius: 0.3em;
	-moz-border-radius:    0.3em;

    color:              white;
    font-size:          large;
    font-weight:        bold;
    padding:            4px;
}

.buttons
{
    padding-top:        1em;
    text-align:         left;
}

